function doGet(e) {
  return HtmlService.createHtmlOutputFromFile('form');
}

function recordTime(name, startTime, stopTime) {
  const sheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
  sheet.appendRow([name, startTime, stopTime]);
}



<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Time Input Form</title>
    <script>
        function setTimes() {
            const now = new Date().toISOString().slice(0, 16);
            document.getElementById('startTime').value = now;
            document.getElementById('stopTime').value = now;
        }

        function handleNameInput() {
            const nameInput = document.getElementById('nameInput').value;
            if (nameInput) {
                setTimes();
            } else {
                document.getElementById('startTime').value = '';
                document.getElementById('stopTime').value = '';
            }
        }

        function submitForm() {
            const name = document.getElementById('nameInput').value;
            const startTime = document.getElementById('startTime').value;
            const stopTime = document.getElementById('stopTime').value;

            google.script.run.withSuccessHandler(function() {
                document.getElementById('result').innerText = 'Data recorded successfully!';
                document.getElementById('timeForm').reset();
            }).recordTime(name, startTime, stopTime);
        }
    </script>
</head>
<body>
    <h1>Enter Your Name and Time</h1>
    <form id="timeForm" onsubmit="event.preventDefault(); submitForm();">
        <label for="nameInput">Name:</label>
        <input type="text" id="nameInput" name="name" oninput="handleNameInput()" required>
        <br><br>
        
        <label for="startTime">Start Time:</label>
        <input type="datetime-local" id="startTime" name="startTime" required>
        <br><br>
        
        <label for="stopTime">Stop Time:</label>
        <input type="datetime-local" id="stopTime" name="stopTime" required>
        <br><br>
        
        <input type="submit" value="Submit">
    </form>
    <div id="result"></div>
</body>
</html>
